<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>登录页面</title>
</head>

<body>
  <h1>用户登录</h1>
  用户名：<input name="userName" type="text" id="userName"><br>
  密码：<input name="password" type="password" id="password"><br>
  <input type="button" value="登录" onclick="login()">
  
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
  <script>
       function login(){
        $.ajax({
          type: 'post',
          url : "/login/check",
           data:{
            userName: $("#userName").val(),
            password: $("#password").val()
           },
           success:function(result) {     //处理响应
              // 如果返回的响应是true ,则跳转
             if(result==true){
              location.href = "index.html";
              // location.assign("index.html");        三种跳转方法 ;
              // location.replace("index.html") ; 
              
             }else{
              //如果不是true,打印一下错误信息
              alert("用户名或密码错误"); 

             }

          }

     });
       }
    
      
  </script>
</body>

</html>